Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[pickers] Move the opening logic to the range fields #16175

Draft
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

flaviendelangle
Copy link
Member

@flaviendelangle flaviendelangle commented Jan 14, 2025

In this PR

  • Move the opening logic of the range pickers to be inside the field components
  • Change the opening logic of the single input fields to use an end adornment
  • Change the role and lifecycle of the popper to act like a dialog on desktop range pickers with single input fields (but keep the tooltip behavior for desktop range pickers with multi input fields)

Follow up

  • Make the single input fields the default field for the range pickers
  • Rename the single input fields from SingleInputXXXField to XXXField to show they are the recommended approach? (and keep SingleInputXXXField components until v9 but deprecated)
  • Improve the keyboard navigation on the Date Range Calendar to have a preview when like on hover

Extracted PRs

@flaviendelangle flaviendelangle self-assigned this Jan 14, 2025
@flaviendelangle flaviendelangle added the component: pickers This is the name of the generic UI component, not the React module! label Jan 14, 2025
@mui-bot
Copy link

mui-bot commented Jan 14, 2025

Deploy preview: https://deploy-preview-16175--material-ui-x.netlify.app/

Generated by 🚫 dangerJS against 7dfb813

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Jan 15, 2025
Copy link

This pull request has conflicts, please resolve those before we can evaluate the pull request.

@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Jan 15, 2025
@flaviendelangle flaviendelangle force-pushed the multi-input-opening-logic branch from 3dd4793 to e2c9609 Compare January 15, 2025 13:39
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Jan 27, 2025
Copy link

This pull request has conflicts, please resolve those before we can evaluate the pull request.

@flaviendelangle flaviendelangle force-pushed the multi-input-opening-logic branch from 9f1c1eb to b60c0f8 Compare February 4, 2025 07:03
@flaviendelangle flaviendelangle force-pushed the multi-input-opening-logic branch from 43b6a3a to f7749c9 Compare February 5, 2025 12:41
@flaviendelangle flaviendelangle force-pushed the multi-input-opening-logic branch from f7749c9 to 69b8a5f Compare February 5, 2025 12:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: pickers This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants